<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/template.css">
    <link rel="stylesheet" href="../css/API.css">
</head>

<body>
    <div class="mask"></div>
    <div class="bigbox">


        <div class="right fr">
            <div class="right-content ">
                <div>
                    <a href="../pages/index.html">
                        <img src="../images/loginlogo.png" class="right-img">
                    </a>

                </div>
                <a href="#" class="active-left on">账号登录</a>
                <a href="#" class="right-main-on"></a>
                <a href="#" class="active-right ">扫码登录</a>
                <div class="right-main">

                    <form action="#" class="clearfix">
                        <div class="clearfix main-username">
                            <span class="form-name fl"></span>
                            <input type="text" name="username" placeholder="用户名/手机号/邮箱" class="username fl">
                            <img src="../images/clearInput.png" class="main-username-img">
                        </div>
                        <div class="clearfix main-pwd">
                            <span class="form-pwd fl"></span>
                            <input type="password" placeholder="密码" class="pwd fl">
                            <img src="../images/clearInput.png" class="main-pwd-img">
                        </div>
                        <p class="main-p">
                            <a href="#" class="forget">忘记密码</a>
                        </p>

                        <button type="button" class=" btn">登录</button>
                        <div class="form-box">
                        </div>
                    </form>




                </div>


                <!-- 扫码登陆内容 -->

                <div class="content-dark">
                    <img src="../images/103-demo.png" class="content-dark-img">
                    <p class="content-dark-p">微信扫码登录</p>
                    <p class="content-dark-p">未关注源码科技公众号，请先关注后再登录</p>

                </div>
                <p class="login-p1">还没有源码账号，<a href="../pages/register.html">立即注册</a>
                    <span class="login-spirit"></span></p>



            </div>
        </div>
    </div>
    <div class="top clearfix">

        <div class="top-img fl">
            <a href="../pages/index.html">
                <img src="../images/api-new-logo-white.png">
            </a>

        </div>
        <div class="top-main">
            <a href="../pages/index.html">首页</a>
            <a href="#" class="on">API</a>
            <a href="../pages/customer.html">案例</a>
        </div>
        <div class="top-right fr">
            <a href="../pages/login.html" class="top-a1">登录 </a>
            <a href="../pages/register.html" class="top-a2">注册有礼</a>
        </div>
    </div>
    <!-- API分类 -->
    <div class="container API-box">
        <h1>
            API分类
        </h1>
        <div class="btn-list">

        </div>
        <label class="container">
            <span class="label-span">全部</span>
            <input type="text" placeholder="身份证实名" class="label-input">
        </label>
    </div>
    <ul class="api-list container clearfix">
        <!-- <img src="../images/API_01.jpg"> -->
    </ul>
    <!-- API分页 -->
    <div class="page">
        <a href="#" class="page-link-on">1</a>
        <a href="#" class="page-link">2</a>
        <a href="#" class="page-link">3</a>
        <a href="#" class="page-link">4</a>
        <a href="#" class="page-link">5</a>
        <a href="#" class="page-link">6</a>
        <a href="#" class="page-link">7</a>
        <a href="#" class="page-link">8</a>
        <span href="#" class="page-link-none">......</span>
        <a href="#" class="page-link-next">下一页></a>
    </div>
    <!-- API尾部 -->
    <div class="footer  clearfix">
        <div class="container">
            <div class="footer-box1 fl">
                <h1 class="footer-left-h1">联系与支持</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box2 fl">
                <h1 class="footer-left-h1">关于源码</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box3 fl">
                <h1 class="footer-left-h1">快速入口</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box4 fl">
                <h1 class="footer-left-h1">产品服务</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>
            <div class="footer-box5 fl">
                <h1 class="footer-left-h1">解决方案</h1>
                <p><a href="#" class="footer-a">400-882-7715</a></p>
                <p><a href="#">售前咨询</a></p>
                <p><a href="#">客服&售后</a></p>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">极速工单</a></p>
                <p><a href="#">投诉与建议</a></p>
            </div>

            <div class="footer-right fr">
                <h1>微信公众号 </h1>

                <p>源码时代</p>
                <img src="../images/103-demo.png">

            </div>
            <div class="footer-box-p">
                <p class="footer-box-p1">源码大数据股份有限公司©版权所有</p>
                <p class="footer-box-p2">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
                <span class="footer-span">
                    <img src="../images/bei2.png" class="footer-span-img1">
                    <img src="../images/bei1.png" class="footer-span-img2">
                </span>
            </div>
        </div>
    </div>


    </div>
    </div>
    <script src="../js/API.js"></script>
</body>

</html>